<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Autocomplete</title>
<!--<script type='text/javascript' src='js/jquery-autocomplete/lib/jquery.bgiframe.min.js'></script>-->
<!--<script type='text/javascript' src='../js/jquery-autocomplete/lib/jquery.ajaxQueue.js'></script>-->

<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type='text/javascript'
	src='js/jquery-autocomplete/jquery.autocomplete.js'></script>
<script type='text/javascript' src='js/biofill.js'></script>
<link rel="stylesheet" type="text/css"
	href="js/jquery-autocomplete/jquery.autocomplete.css" />

<link rel="stylesheet" type="text/css" href="css/autocomplete.css" />
</head>
<body>
<fieldset><legend>Cachad data från webbservice</legend> <label
	for="land">Land: </label> <input type="text" id="land" /></fieldset>
<fieldset><legend>"Live" mot webbservice</legend>
<table>
	<thead>
		<tr>
			<th width="50%">English</th>
			<th width="50%">Svenska</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td>
			<table>
				<tr>
					<td><label for="country">Country: </label></td>
					<td><input type="text" id="country" class="bf_country" /></td>
				</tr>
				<tr>
					<td><label for="addPreFetchedAutoComplete">Continent: </label></td>
					<td><input type="text" id="c" class="bf_continent_en" /></td>
				</tr>
				<!--<tr>
					<td><label for="region_en">Region: </label></td>
					<td><input type="text" id="region_en" class="bf_region_en" /></td>
				</tr>
				--><tr>
					<td><label for="subregion_en">Subregion: </label></td>
					<td><input type="text" id="region_en" class="bf_subregion_en" /></td>
				</tr>
				<tr>
					<td><label for="area">Area: </label></td>
					<td><input type="text" id="area" class="bf_area" /></td>
				</tr>
				<tr>
					<td><label for="ocean_en">Ocean / Sea: </label></td>
					<td><input type="text" id="ocean_en" class="bf_ocean_en" /></td>
				</tr>
				<tr>
					<td><label for="island">Island: </label></td>
					<td><input type="text" id="island" class="bf_island" /></td>
				</tr>
				<tr>
					<td><label for="island_group">Island group: </label></td>
					<td><input type="text" id="island_group" class="bf_island_group" /></td>
				</tr>
			</table>
			</td>
			<td>
			<table>
				<tr>
					<td><label for="continent_sv">Kontinent (sv): </label></td>
					<td><input type="text" id="continent_sv"
						class="bf_continent_sv" /></td>
				</tr>
				<!--<tr>
					<td><label for="region_sv">Region (sv): </label></td>
					<td><input type="text" id="region_sv" class="bf_region_sv" /></td>
				</tr>
				--><tr>
					<td><label for="subregion_sv">Subregion (sv): </label></td>
					<td><input type="text" id="region_sv" class="bf_subregion_sv" /></td>
				</tr>
				<tr>
					<td><label for="ocean_sv">Ocean / Hav: </label></td>
					<td><input type="text" id="ocean_sv" class="bf_ocean_sv" /></td>
				</tr>
				<tr>
					<td><label for="swedish_lan">Län: </label></td>
					<td><input type="text" id="swedish_lan" class="bf_swedish_lan" /></td>
				</tr>
				<tr>
					<td><label for="swedish_municipality">Kommun: </label></td>
					<td><input type="text" id="swedish_municipality" class="bf_swedish_municipality" /></td>
				</tr>
				<tr>
					<td><label for="swedish_marine_area">Havsområde: </label></td>
					<td><input type="text" id="swedish_marine_area" class="bf_swedish_marine_area" /></td>
				</tr>
			</table>
			</td>
		</tr>
	</tbody>
</table>

</fieldset>
<div id="mess"></div>

</body>
</html>